.box-container {
  box-sizing: border-box;

  background-image: url(assets/images/bg.png);
  background-size: 100% 100%;
  padding: 36px 15px 15px;
  width: 1920px;
  height: 1080;
}
.box-bg {
  // background: #c4dfff;
}
.flex-wrap {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: red;
}
.flex-reverse {
  flex-direction: column;
}
.flex1 {
  box-sizing: border-box;
  flex: 1;
  height: 100%;
}
.flex2 {
  box-sizing: border-box;
  padding: 10px;
  flex: 2;
  width: 100%;
  overflow: hidden;
}
.scroll {
  scrollbar-color: red;
  scrollbar-face-color: red;
  scrollbar-shadow-color: yellow !important;
  scrollbar-track-color: yellow !important;
}
/* chrome 修改滚动条样式start */
.scroll::-webkit-scrollbar {
  /*滚动条整体样式*/

  width: 5px; /*高宽分别对应横竖滚动条的尺寸*/

  height: 1px;
}

.scroll::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 5px rgba(63, 70, 129, 0.2);

  background: #4a5bbb;
}

.scroll::-webkit-scrollbar-track {
  /*滚动条里面轨道*/

  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

  border-radius: 10px;

  // background: #EDEDED;
  background: transparent;
}
/* chrome 修改滚动条样式end */
